@primary-color: #1baeae;

@blue: #1989fa;

.van-button--primary {
    background: @primary-color!important;
    border-color: @primary-color!important;
}

.text-blue {
    color: @blue;
}

.sub-title {
    color: @primary-color;
    text-align: center;
    padding: 10px;
    background-color: #f9f9f9;
}

.text-green {
    color: @primary-color;
} 
.text-f {
    color: #fff;
} 

.text-3 {
    color: #333;
}

.text-7 {
    color: #777;
}

.ftn12 {
    font-size: 12px;
}

.ftn13 {
    font-size: 13px;
}

.ftn14 {
    font-size: 14px;
}

.ftn15 {
    font-size: 15px;
}

.ftn16 {
    font-size: 16px;
}

.ftn18 {
    font-size: 18px;
}

.padded-10 {
    padding: 10px!important;
}

.p-t-5 {
    padding-top: 5px!important;
}

.p-t-10 {
    padding-top: 10px!important;
}

.p-l-5 {
    padding-left: 5px!important;
}

.p-l-2 {
    padding-left: 2px!important;
}

.p-l-10 {
    padding-left: 10px!important;
}

.p-r-10 {
    padding-right: 10px!important;
}

.p-r-5 {
    padding-right: 5px!important;
}

.p-b-10 {
    padding-bottom: 10px!important;
}

.p-b-5 {
    padding-bottom: 5px!important;
}

.m-r-10 {
    margin-right: 10px!important;
}

.m-t-10 {
    margin-top: 10px!important;
}


.border-r {
    border-right: 1px solid #e9e9e9
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.bg-f {
    background-color: #fff;
}

.bg-green {
    background-color: @primary-color;
}

.bold {
    font-weight: bold;
}

.hr {
    background-color: #f5f5f5;
    width: 100%;
    height: 10px;
}

.goodItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
